<template>
  <div>
    <h3>我是一个导航文件 -- {{ count }}</h3>
    <button @click="addCount">++count++</button>
  </div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
// props接受
// defineProps(['count'])
// defineProps({
//   count: {
//     type: Number
//   }
// })
// nodejs global  浏览器 window  ==> globalThis
// ts中
interface IProps {
  count: number
}
const props = defineProps<IProps>()
const emits = defineEmits<{
  (e: 'setCount', n: number): void
}>()

const addCount = () => {
  emits('setCount', 10)
}

const name = ref('张三')
const setName = (uname: string) => {
  // console.log(props.count)
  name.value = uname
}

// 对外通过ref暴露出去的数据,不需要指定类型，它会自动推导出来
defineExpose({
  name,
  setName
})
</script>
<style lang="scss" scoped></style>
